<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--
    1.在head标签内，出现<style type="text/css"></style>表示要写css内容
    2.div{} 表示对div元素进行样式的指定,div就是一个选择器(元素/标签选择器)
    3.width:300px(属性);表示对div样式的具体指定，可以有多个
    4.如果有多个要用; 最后一个可以不用;也可以用(建议);
    5.小经验: 在调试css时，可以通过修改颜色或大小来看
-->
    <style type="text/css">
        div{
            color: brown;
            background-color: aquamarine;
            width: 300px;
            height: 100px;
        }
    </style>
</head>
<body>
<br>
<div>你好</div>
<div style="color: blueviolet; background-color: blue">怎么了</div>
<div>好的</div>
</body>
</html>